<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="layout :: htmlhead" th:with="title='预览案例'"></head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头-->
    <div th:replace="fragments/head :: header"></div>

    <div class="layui-body" style="margin: 1%">
        <blockquote class="layui-elem-quote">案例预览</blockquote>
        <div class="viewport">
            <h1 id="case_title"></h1>
            <div style="text-align: center;margin-top: 20px;padding: 10px">发布时间：<span
                    id="time"></span></div>
            <div id="case_content">
            </div>
        </div>
    </div>


    <!--底部-->
    <div th:replace="fragments/footer :: footer"></div>
    <script src="/js/dateUtils.js"></script>
    <script src="/js/sysUser/userList.js"></script>
    <script>
        $(function () {
            var title=localStorage.getItem("title");
            var time= localStorage.getItem("time");
            var detail = localStorage.getItem("detail");

            document.getElementById("case_title").innerHTML=title;
            document.getElementById("time").innerHTML=time;
            document.getElementById("case_content").innerHTML=detail;



        });
    </script>


    <style type="text/css">
        #case_title {
            padding-top: 20px;
            font-size: 18px;
            text-align: center;
            font-weight: bold;
        }

        .viewport {
            margin-left: calc(15%);
            margin-right: calc(25%);
        }
    </style>
</div>
</body>
</html>